<template>
    <div class="topbar bg-black py-2 px-3 d-flex ai-center">
        <img src="~assets/img/logo.png" style="width:30px" alt="" @click="$router.push('/')">
        <div class="ml-3 flex-1">
            <div class="text-white"><slot name="title"></slot></div>
            <div class="text-grey-1 fs-xxs"><slot name="mini-title"></slot></div>
        </div>
        <div class="text-white"><slot name="more"></slot></div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    .topbar{
        position: sticky;
        top: 0;
        z-index: 999;
    }
</style>